$(function() {
	$('#next_web').click(function() {
		window.location.href = './index.html';
	});

	$('#list li:nth-child(1)').mouseenter(function() {
		$('#show_photo').stop().fadeIn(1000);
		$('#show_photo').css('backgroundImage', 'url("./imgs/1.png")');
		$('#show_photo').css('backgroundSize','100%')
		$('#show_photo').css('backgroundRepeat','no-repeat')
	});

	$('#list li:nth-child(2)').mouseenter(function() {
		$('#show_photo').stop().fadeIn(1000);
		$('#show_photo').css('backgroundImage', 'url("./imgs/2.png")');
		$('#show_photo').css('backgroundSize','100%')
		$('#show_photo').css('backgroundRepeat','no-repeat')
	});

	$('#list li:nth-child(3)').mouseenter(function() {
		$('#show_photo').stop().fadeIn(1000);
		$('#show_photo').css('backgroundImage', 'url("./imgs/3.png")');
		$('#show_photo').css('backgroundSize','100%')
		$('#show_photo').css('backgroundRepeat','no-repeat')
	});

	$('#list li:nth-child(4)').mouseenter(function() {
		$('#show_photo').stop().fadeIn(1000);
		$('#show_photo').css('backgroundImage', 'url("./imgs/4.png")');
		$('#show_photo').css('backgroundSize','100%')
		$('#show_photo').css('backgroundRepeat','no-repeat')
	});

	$('#list li:nth-child(5)').mouseenter(function() {
		$('#show_photo').stop().fadeIn(1000);
		$('#show_photo').css('backgroundImage', 'url("./imgs/5.png")');
		$('#show_photo').css('backgroundSize','100%')
		$('#show_photo').css('backgroundRepeat','no-repeat')
	});

	$('#list li:nth-child(6)').mouseenter(function() {
		$('#show_photo').stop().fadeIn(1000);
		$('#show_photo').css('backgroundImage', 'url("./imgs/6.png")');
		$('#show_photo').css('backgroundSize','100%')
		$('#show_photo').css('backgroundRepeat','no-repeat')
	});

	$('#list li:nth-child(7)').mouseenter(function() {
		$('#show_photo').stop().fadeIn(1000);
		$('#show_photo').css('backgroundImage', 'url("./imgs/7.png")');
		$('#show_photo').css('backgroundSize','100%')
		$('#show_photo').css('backgroundRepeat','no-repeat')
	});
	$('#list li:nth-child(8)').mouseenter(function() {
		$('#show_photo').stop().fadeIn(1000);
		$('#show_photo').css('backgroundImage', 'url("./imgs/8.png")');
		$('#show_photo').css('backgroundSize','100%')
		$('#show_photo').css('backgroundRepeat','no-repeat')
	});

	$('#list li:nth-child(9)').mouseenter(function() {
		$('#show_photo').stop().fadeIn(1000);
		$('#show_photo').css('backgroundImage', 'url("./imgs/9.png")');
		$('#show_photo').css('backgroundSize','100%')
		$('#show_photo').css('backgroundRepeat','no-repeat')
	});
	$('#list li').mouseleave(function() {
		$('#show_photo').stop().fadeOut(1000);
	});
	$('#head_protraint').click(function() {
		window.location.href = './index.html';
	});
	
});
